草庐IT

HTML5 SVG

全部标签

javascript - 获取完整的 html 而不仅仅是 innerhtml

我想获取html,包括我用来获取html的选择器假设我有content当我执行$('#foo').html()时,我得到了content在jquery中有没有办法获取整个html,包括父级(选择器div)我想要整个htmlcontent 最佳答案 你可以这样做:$('#foo')[0].outerHTML;DEMO更多信息:https://developer.mozilla.org/en/DOM/element.outerHTML 关于javascript-获取完整的html而不仅仅是i

javascript - 你将如何创建一个 JQuery/svg 单击拖动选择轮廓效果?

不确定确切地调用它是什么,但我正在寻找一种方法来通过javascript/svg创建虚线轮廓/选择框效果,当您单击并拖动到一个区域上时,然后在mouseUp上消失(可能是如果不是原始部件,则添加)。如果有jQuery库就好了。我环顾四周,但没有找到我要找的东西。我想理论应该是从第一次点击开始获取坐标,跟踪鼠标坐标时刻并相应地调整框。但不从头开始编写它会很好。 最佳答案 这是我专为您制作的演示:)演示(静态):http://jsfiddle.net/HNH2f/1/演示(动画):http://jsfiddle.net/HNH2f/2/

javascript - 从浏览器中仅打印 SVG

我正在开发一个网页,该网页将根据用户交互动态呈现SVG图形。完成后,我希望用户能够只打印图形-而不是简单地打印他们所在的网页和SVG,而只是打印SVG。此外,理想情况下,打印版本的绘制方式与屏幕浏览器版本略有不同。当前的浏览器和SVG可以实现这种事情吗?在Java中,我可以为我的应用程序绘图例程提供绘图引擎或打印引擎,这可以简单地处理相同的问题。然而,我是SVG的新手,我无法确定是否存在某种类似的机制。 最佳答案 您可以使用jQuery。假设您的svg位于网页的DIV(svgDiv)中,包含一个调用以下内容的打印按钮,其中根svg具

javascript - 使用 native javaScript 附加 html

我需要使用纯javaScript将一些html附加到现有元素:functioncreate(htmlStr){varfrag=document.createDocumentFragment(),temp=document.createElement('div');temp.innerHTML=htmlStr;while(temp.firstChild){frag.appendChild(temp.firstChild);}returnfrag;}vartarget=document.querySelectorAll(".container-right");varfragment=cre

javascript - 如何在 html-webpack-plugin 中注入(inject)自定义元标记?

我将Webpack与插件一起使用html-webpack-plugin.基于环境变量,我想注入(inject)标签进入最后index.html文件。我该怎么做? 最佳答案 您可以定义自己的模板。在WritingYourOwnTemplates中简要提到了它您可以将任何您想要的选项传递给它,并在带有htmlWebpackPlugin.options的模板中使用它们:htmlWebpackPlugin.options:theoptionshashthatwaspassedtotheplugin.Inadditiontotheoption

javascript - 使用 AJAX 获取 html 内容后,将监听器添加到新元素的正确方法是什么? (jQuery,Javascript)

我正在制作可以通过AJAX加载新设置页面的东西,我不确定将监听器绑定(bind)到新内容页面中的这些元素的最有效方法是什么?这是我的想法。我可以制作一个比较文件路径的函数,对于每种情况,我都会根据AJAX加载的页面将正确的监听器应用于这些新元素。我觉得如果我有大量的页面,它会把功能弄得很大。谢谢! 最佳答案 两种方式:1)使用.on()绑定(bind)到非动态父容器上$('.some-parent-class').on('click','.element',function(){//DOSTUFF!});2)ajax调用完成后绑定(

javascript - 如何在 html 元素属性中使用 Angular 2 外推?

我想将一些数据绑定(bind)到非自定义html元素属性。但是,不推断属性中的{{}}。我看过其他相关帖子“AngularjstemplateUrlfailstobindattributesinsideng-repeat”,这是自定义指令的Angular1解决方案。例如,我有:size=500;我希望以下SVG元素能够正常工作:我应该如何在Angular2中执行此操作? 最佳答案 简答当HTML属性和DOM属性之间没有1:1映射时,必须使用attributebindingsyntax否则Angular2将报告“模板解析错误”。例子:

javascript - jQuery click() 无法处理替换的 html

我正在尝试创建一个go-moku游戏使用jquery、php和mysql数据库。我有一个ajax函数,可以在需要时每秒更新一次面板。varturnCount=-1;setInterval(function(){$.get('includes/boardControl.php',{turn:turnCount},function(data){if(data!=""){$("#board").html(data);turnCount=$("#turnCount").text();$("#turnCount").text("")}});},1000);这工作得很好,它会检查数据库以查看转数是

javascript - 用于检查文本的 jquery 验证不包含 html

如何执行jquery验证来检查文本区域是否不包含html标签?(如果是错误)(顺便说一句,无论如何我都在阻止html通过服务器) 最佳答案 您可以使用JohnResig的HTML解析器(here),或者更简单的解决方案,只查找开始标记。$('textarea').each(function(){if($(this).val().match(/\s]+))?)*)\s*(\/?)>/)){alert('htmlfound');}});Neal的解决方案在包含有效jquery选择器的文本区域(例如仅包含“a”的文本区域)上存在误报问题。

javascript - AngularJS 添加到浏览器历史记录而无需重新加载页面且无需 HTML5 pushstate

我有一个搜索页面,允许用户深入分类和/或输入搜索词。我想让用户能够使用后退按钮撤消这些操作。使用AngularJS,我怎样才能让这个页面为这些操作中的每一个添加条目到浏览器历史记录中。我不能使用HTML5pushstate。 最佳答案 我发现我可以通过使用here中有关reloadOnSearch的答案更改查询字符串参数而无需重新加载页面来做到这一点|:$routeProvider.when('/items',{controller:'ItemsCtrl',templateUrl:'/templates/items',reloadO